@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;}
body{ font-family:"微软雅黑"; font-size:1.2em; background:#F0EFF4;}
img,a{border:0; text-decoration:none;}
ol, ul {list-style: none; }
.clears{ clear:both;}
a{color:#333;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out;}
a:hover{color:#f60;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out;}
img{
        max-width:100%;
        }


.status-grid {
    background: #FFF;
    position: relative;
    min-height: 307px;
        width:1024px;
        margin:auto;
}
.status-grid-head {
    background: url(../images/status-head-pic.png) no-repeat 0px 0px;
    background-size: 100% 100%;
    display: block;
    height: 127px;
    width: 100%;
    position: relative;
}

.status-people-pic {
    position: absolute;
    top: 23%;
    left: 44%;
}
.stat-people {
    background: #FAFAFA;
    padding: 7px;
    border-radius: 30em;
    -webkit-border-radius: 30em;
    -moz-border-radius: 30em;
    -o-border-radius: 30em;
    position: relative;
    display: block;
}
.people-avilabel {
    background: #fff;
    border-radius: 30em;
    -webkit-border-radius: 30em;
    -moz-border-radius: 30em;
    -o-border-radius: 30em;
    padding: 4px;
    position: absolute;
    top: 43%;
    right: 17%;
}
.status-people-pic h2 {
    color: #565656;
    font-weight: 600;
    font-size: 1.2em;
    margin: 0.5em 0 0;
}
.status-people-pic h2, .status-people-pic span {
    text-align: center;
}
.status-people-pic span {
    color: #BEBEBE;
    font-size: 0.875em;
}
.status-corrent {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.status-corrent ul li {
    display: inline-block;
    float: left;
    width: 33.33%;
    text-align: center;
}
.status-corrent ul li a {
    display: block;
    color: #FFF;
    font-size: 0.82em;
    padding: 1em;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.appont {
    background: #B63C6B;
}
.client {
    background: #F13D6D;
}
.report {
    background: #FE7BA3;
}


.Safety{
        width:1024px;
        margin:auto;
}
.Safety dl{
        }
.Safety input{
        border:0;
        }
.Safety dt {
        font-size:14px;
        padding:7px 0;
        border-bottom:#ddd 1px dotted;
        height:44px;
    line-height:30px;
        }
.Safety dt strong{
        display:inline-block;
        padding:0 20px;
        height:30px;
        }
.Safety dt span{
        display:inline-block;
        height:30px;
        padding:0 10px;
        font-weight:400;
        font-size:12px;
        color:#999;
        width:365px;
        }
.Safety b{
        display:inline-block;
        width:105px;
        padding:0 10px;
        background:#E1F3FD;
        font-size:14px;
        font-weight:400;
                                                                   146,1-8       37%
        }
.Safety dt b span{
        display:inline-block;
        width:20px;
        height:20px;
        line-height:20px;
        background:#94CE25;
        text-align:center;
        font-size:12px;
        color:#fff;
        padding:0;
        border-radius: 10px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
    -moz-border-radius: 10px; /* Mozilla浏览器的私有属性 */
    -webkit-border-radius: 10px; /* Webkit浏览器的私有属性 */
        margin-right:5px;
        }
.Safety dt b span.glyphicon-exclamation-sign{
        background:#FFB027;
        }
.Safety dt em{
        float:right;
        width:150px;
        text-align:right;
        height:30px;
        line-height:30px;
        font-style:normal;
        color:#06F;
        cursor:pointer;
        padding:0 30px;
        }
.Safety dd{
        padding:15px 0;
        background:#F3F6FA;
        display:none;
        }
.safForm{
        background:#F3F6FA;
        }
.safForm td{
        padding:5px;
        }
.safinput1{
        border:#D8D8D8 1px solid;
        background:#fff;
        height:26px;
        width:210px;
        border-radius: 2px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
    -moz-border-radius: 2px; /* Mozilla浏览器的私有属性 */
    -webkit-border-radius: 2px; /* Webkit浏览器的私有属性 */
        }
.safSub{
        width:130px;
        padding:5px 10px;
        background:#f60;
        color:#fff;
        font-size:16px;
        text-align:center;
        border-radius: 5px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
    -moz-border-radius: 5px; /* Mozilla浏览器的私有属性 */
    -webkit-border-radius: 5px; /* Webkit浏览器的私有属性 */
        cursor:pointer;
        }
.safSub:hover{
        background:#900;
        color:#fff;
        }
.safinput2{
        border:#D8D8D8 1px solid;
        background:#fff;
        height:26px;
        width:150px;
        border-radius: 2px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
    -moz-border-radius: 2px; /* Mozilla浏览器的私有属性 */
    -webkit-border-radius: 2px; /* Webkit浏览器的私有属性 */
        }
/*安全设置 手机号码样式*/
.Step{
        width:70%;
        margin:10px auto;
        margin-bottom:30px;
        }
.Step li{
        float:left;
        width:33%;
        height:4px;
        background:#ccc;
        text-align:center;
        }
.Step li span{
        display:inline-block;
        width:24px;
        height:24px;
        font-size:12px;
        text-align:center;
        line-height:24px;
        border-radius: 12px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
    -moz-border-radius: 12px; /* Mozilla浏览器的私有属性 */
    -webkit-border-radius: 12px; /* Webkit浏览器的私有属性 */
        background:#ccc;
        position:relative;
        bottom:10px;
        color:#fff;
        }
.Step li.stepCur,.Step li.stepCur span{
        background:#f60;
        }

.sjyz-two{
        display:none;
        }
.sjyz-ok{
        text-align:center;
        font-size:20px;
        display:none;
        }
.sjyz-ok span{
        display:inline-block;
        width:40px;
        line-height:40px;
        color:#fff;
        background:#94CE25;
        text-align:center;
        line-height:40px;
        border-radius: 20px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */
    -moz-border-radius: 20px; /* Mozilla浏览器的私有属性 */
    -webkit-border-radius: 20px; /* Webkit浏览器的私有属性 */
        }



/*此样式在窗口小于768px的时候生效*/
@media screen and (max-width: 768px) {/*768*1024*/
.flrLeft dl{
        width:270px;
        margin:0 auto;
        }
.flrLeft dt,.flrLeft dd{
        text-align:left;
        float:none;
        }
.addYinhang{
        width:300px;
        margin:-144px 0 0 -151px;
        }
.Safety dt em{
        padding:0 5px;
        width:60px;
        }
.Safety dd{
        font-size:12px;
        }
}
/*此样式在窗口小于768px的时候生效*/
@media screen and (max-width: 640px) {/*768*1024*/

.Safety dt span{
        display:none;
        }
.Safety dt em{
        padding:0 5px;
        width:60px;
        }
.Safety dd{
        font-size:12px;
        }
}

